<!DOCTYPE html>
<html lang="zh-CN" ng-app="App" class="uk-height-1-1">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>{$Think.lang.backoffice_title}</title>
    <!-- UIKIT -->
    <load href="__PUBLIC__/{:UIKIT}/css/uikit.almost-flat.min.css" />
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <load href="__PUBLIC__/Common/js/jquery-1.11.2.min.js"/>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <load href="__PUBLIC__/{:UIKIT}/js/uikit.min.js"/> 
	<load href="__PUBLIC__/Common/dist/jquery.validate.min.js"/> 	
	<load href="__PUBLIC__/{:ANGULARJS}/angular.min.js"/> 
	<load href="__PUBLIC__/App/CommonDirective.js"/>
</head>
<style>
/*表单验证提示错误样式*/
#validate_form label.error {
	color:red;
	font-weight:normal;
	font-size:11px;
}
</style>
<script>
$(function(){
$("#validate_form").validate();	
})	
</script>
<body  class="uk-height-1-1">
<div class="uk-vertical-align uk-height-1-1">


<div class="uk-vertical-align-middle" style="width:100%;">
<div class="uk-block uk-block-secondary">
<div style="margin:0 auto; width:300px;">
	   <div class="uk-text-center">
	   <figure class="uk-thumbnail">
     <img   src="__PUBLIC__/Common/img/logo_mini.png"/> 
 </figure>
 <br><br>
</div>
	 <form action="__CONTROLLER__/checkin" method="post"  class="uk-panel uk-panel-box uk-form"  id="validate_form" >

                <div class="uk-form-row">
                    <input class="uk-width-1-1" type="text"  required  name="username" placeholder="{$Think.lang.login_account}">
                </div>
                <div class="uk-form-row">
				 <div class="uk-form-password">
                    <input class="uk-width-1-1" type="password"  required  name="password" placeholder="{$Think.lang.login_pwd}">
				</div>	
                </div>
				   <div class="uk-form-row">
                    <input class="uk-width-1-3" type="text"  required  name="verify" placeholder="{$Think.lang.verify}">
					<p>
					<div verify-directive img-src="__CONTROLLER__/verify"></div>
						</p>
                </div>
                <div class="uk-form-row">
                    <button class="uk-width-1-1 uk-button uk-button-primary" type="submit">Login</button>
                </div>
            </form>
			</div>

</div>
</div>


</div>

</body>

</html>
